@charset "utf-8";
.clear{ clear:both;}
.fbbg{background:#374F8A;}
.spritimg{ background-image:url(../../images/facebook-icon.png);}
.notification-icons-container{width:auto; margin:0px auto;  }
.notification-icons-container ul{ margin:0px; padding:0px;}
.notification-icons-container ul li{margin:0px 30px 0px 0px; padding:0px; float:left; list-style:none; width:36px;}
.notification-icons-container ul li a{ display:block; text-indent:-9999px; height:32px; width:36px; cursor:pointer;}
.notification-icons-container ul li a:hover{opacity:1;}

/* Icon Normal state*/
[light=on]{
    background-position:-116px -180px;
}

[light=off]{
     background-position:-116px -116px;
}

/* Icon highlight state*/
.notinotg{ background-position:-116px -180px;}

.notifriendhover{background-position:-87px -101px;}
.notireqsch{ background-position:-86px -124px;}
.notireqschhover{background-position:-108px -124px;}
.notimesghover{background-position:-112px -102px;}
.notired{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:14px; z-index:1; margin:0px 1px 0px 18px; position:absolute; padding:1px;}

div.not-panel{
    border: 1px solid rgba(100, 100, 100, 0.4);
    display: block;
    overflow: visible;
    right :0px;
    left: auto;
}

div.not-panel .not-header{
    padding: 8px 8px 6px;
    background-color: #FFF;
    border-bottom: 1px solid rgba(100, 100, 100, 0.22);
}

div.not-header-content{
    font-size:12px;
    font-weight: bold;
}

div.not-panel .not-row{
    padding: 8px 8px 6px;
    background-color: #FFF;
    border-bottom: 1px solid rgba(100, 100, 100, 0.22);
    height: auto;
}

div.not-panel .not-row:hover{
    background-color: #E3E8F0;
}

div.not-panel .not-row-unread{
    padding: 8px 8px 6px;
    background-color: #E9EAED;
    border-bottom: 1px solid rgba(100, 100, 100, 0.22);
    height: auto;
}

div.not-panel .not-row-unread:hover{
    background-color: #E3E8F0;
}

.not-row-content-holder{
    display: block;
    font-size:12px;
    width: 100%;
    height: 40px;
}

.not-row-content-holder .picture{
    position: relative;
    float:left;
    height:100%;
    margin-right: 5px;
}

.picture img{
    height: 100%;
}

.not-row-content-holder .content{
    overflow: hidden;
    position: relative;
    float:left;
    width:75%;
}


.not-panel a{
    text-decoration: none;
    color: inherit;
}


